// 此文件为domxeeShop的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入

//主题色配置
$domxee-theme-color: #389944;//#48D1CC;//#FE623F;
//主题色不同透明度配置
$domxee-theme-color-op-minize: rgba($color: $domxee-theme-color, $alpha: 0.02);
$domxee-theme-color-op-min: rgba($color: $domxee-theme-color, $alpha: 0.05);
$domxee-theme-color-op-01: rgba($color: $domxee-theme-color, $alpha: 0.1);
$domxee-theme-color-op-02: rgba($color: $domxee-theme-color, $alpha: 0.2);
$domxee-theme-color-op-03: rgba($color: $domxee-theme-color, $alpha: 0.3);
$domxee-theme-color-op-04: rgba($color: $domxee-theme-color, $alpha: 0.4);
$domxee-theme-color-op-05: rgba($color: $domxee-theme-color, $alpha: 0.5);
$domxee-theme-color-op-06: rgba($color: $domxee-theme-color, $alpha: 0.6);
$domxee-theme-color-op-07: rgba($color: $domxee-theme-color, $alpha: 0.7);
$domxee-theme-color-op-08: rgba($color: $domxee-theme-color, $alpha: 0.8);
$domxee-theme-color-op-09: rgba($color: $domxee-theme-color, $alpha: 0.9);

//页面背景色配置
$domxee-page-background-light: #F6F6F6;
$domxee-page-background-dark: #111111;

//主题字体颜色
$domxee-theme-text-color: #FFFFFF;

//模块背景色
$domxee-section-background-light: #FFFFFF;
$domxee-section-background-dark: #282828;

//模块阴影
$domxee-section-shadow-light: 0rpx 0rpx 96rpx 0rpx rgba(255,255,255,0.05), 0rpx 24rpx 48rpx 0rpx rgba(255,255,255,0.1);
$domxee-section-shadow-dark: 0rpx 0rpx 96rpx 0rpx rgba(40,40,40,0.1), 0rpx 24rpx 48rpx 0rpx rgba(40,40,40,0.2);
//模块阴影
$domxee-section-less-shadow-light: 0rpx 0rpx 24rpx 0rpx rgba(255,255,255,0.05), 0rpx 6rpx 12rpx 0rpx rgba(255,255,255,0.1);
$domxee-section-less-shadow-dark: 0rpx 0rpx 24rpx 0rpx rgba(40,40,40,0.1), 0rpx 6rpx 12rpx 0rpx rgba(40,40,40,0.2);

//导航背景色
$domxee-nav-background-light: #FFFFFF;
$domxee-nav-background-dark: #000000;

//字体主色
$domxee-text-light: #333333;
$domxee-text-dark: #FCFEFD;

//字体副色
$domxee-text-vice-light: #666666;
$domxee-text-vice-dark: #CCC8C9;

//字体淡色
$domxee-text-less-light: #999999;
$domxee-text-less-dark: #999697;
//字体样式
$domxee-font-family: 'PingFangSC-Semibold, PingFang SC';

//基础样式
page {
	height: 100%;
	background: $domxee-page-background-light;
	font-family: $domxee-font-family;
	#domxee-content {
		min-height: 100%;
		background: $domxee-page-background-light;
		color: $domxee-text-light;
		.text-white {
			color: #FFFFFF !important;
		}
		.text-dark {
			color: #000000 !important;
		}
		.text-theme {
			color: $domxee-theme-text-color !important;
		}
		.text-shadow {
			text-shadow: 0rpx 4rpx 8rpx $domxee-theme-color;
		}
		.bg-white {
			background: #FFFFFF !important;
		}
		.color {
			color: $domxee-theme-color !important;
		}
		.bg_less {
			background: #EDEDED;
			color: $domxee-text-vice-light;
		}
		.bg {
			background: $domxee-theme-color !important;
			color: $domxee-theme-text-color !important;
		}
		.button_bg {
			border-radius: 20rpx;
			background: $domxee-theme-color !important;;
			color: $domxee-theme-text-color !important;
			box-shadow: 4rpx 4rpx 8rpx 0rpx $domxee-theme-color-op-02;
		}
		.page_bg_reverse {
			background: $domxee-nav-background-dark;
			color: $domxee-text-dark;
		}
		.bg_op_2 {
			background: $domxee-theme-color-op-02;
			color: $domxee-theme-color;
		}
		.bg_op_5 {
			background: $domxee-theme-color-op-05;
			color: $domxee-theme-color;
		}
		.bg_op_8 {
			background: $domxee-theme-color-op-08;
			color: $domxee-theme-color;
		}
		.bg_op_1 {
			background: $domxee-theme-color-op-01 !important;
			color: $domxee-theme-color !important;
		}
		.bg_op_min {
			background: $domxee-theme-color-op-min;
			color: $domxee-theme-color;
		}
		.page_bg {
			background: $domxee-page-background-light;
		}
		.linear_bg {
			background: linear-gradient(280deg, $domxee-theme-color-op-minize 77%, $domxee-theme-color-op-min 68%, $domxee-page-background-light 4%)
		}
		.border-color-less {
			border-color: $domxee-text-less-light !important;
			color:  $domxee-text-less-light !important;
		}
		.border-color-less-01 {
			border-color: rgba(166,166,166,0.1) !important;
			color:  $domxee-text-less-light !important;
		}
		.border-color {
			border: 2rpx solid $domxee-theme-color !important;
		}
		.section_bg {
			background: $domxee-section-background-light;
			color: $domxee-text-light;
		}
		.section {
			background: $domxee-section-background-light;
			box-shadow: $domxee-section-shadow-light;
			color: $domxee-text-light;
		}
		.shadow-none {
			box-shadow: unset !important;
		}
		.nav_bg {
			background: $domxee-nav-background-light;
			color: $domxee-text-light;
		}
		.main_text {
			color: $domxee-text-light;
		}
		.vice_text {
			color: $domxee-text-vice-light;
		}
		.less_text {
			color: $domxee-text-less-light;
		}
		.theme_text {
			color: $domxee-theme-text-color !important;
		}
		.reverse_text {
			color: $domxee-text-dark;
		}
		.border_radius_bottom_20 {
			border-radius: 0 0 20rpx 20rpx;
		}
	}
	#domxee-content.dark {
		background: $domxee-page-background-dark;
		color: $domxee-text-dark;
		.section {
			background: $domxee-section-background-dark;
			box-shadow: $domxee-section-shadow-dark;
			color: $domxee-text-dark;
		}
		.section_bg {
			background: $domxee-section-background-dark;
			color: $domxee-text-dark;
		}
		.page_bg_reverse {
			color: $domxee-text-light;
			background: $domxee-nav-background-light;
		}
		.bg_less {
			background: $domxee-text-less-light;
			color: $domxee-text-light;
		}
		.page_bg {
			background: $domxee-page-background-dark;
		}
		.linear_bg {
			background: linear-gradient(280deg, $domxee-theme-color-op-minize 77%, $domxee-theme-color-op-min 68%, $domxee-page-background-dark 4%);
		}
		.border-color-less {
			border-color: $domxee-text-less-dark !important;
			color:  $domxee-text-less-dark !important;
		}
		.nav_bg {
			background: $domxee-nav-background-dark;
			color: $domxee-text-dark;
		}
		.main_text {
			color: $domxee-text-dark;
		}
		.vice_text {
			color: $domxee-text-vice-dark;
		}
		.less_text {
			color: $domxee-text-less-dark;
		}
		.reverse_text {
			color: $domxee-text-light;
		}
	}
}

//默认padding
.d-padding {
	padding: 0 30rpx;
}
//小尺寸padding
.min-padding {
	padding: 0 20rpx;
}

/*页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况*/
image{
	will-change: transform
}
/* #ifndef MP-WEIXIN */
/*背景更换等加上过渡*/
uni-image>div, uni-image>img {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
}
/* #endif */
// /* 引入字体 */
// @font-face {
// 	font-family:'ZKLOGO';
// 	src: url('https://domxee.yunnitec.com/fonts/zhanku_logo.otf');
// }
// /* 引入字体图标 */
// @font-face {
//   font-family: 'domxee';
//   src: url('https://domxee.yunnitec.com/mershop/iconfont/iconfont.woff2?v=0.0.7') format('woff2'),
// 	   url('https://domxee.yunnitec.com/mershop/iconfont/iconfont.woff?v=0.0.7') format('woff'),
// 	   url('https://domxee.yunnitec.com/mershop/iconfont/iconfont.ttf?v=0.0.7') format('truetype');
// }
// //字体图标
// .domxee_icon {
//   font-family: "domxee" !important;
//   font-size: 24rpx;
//   font-style: normal;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
// }
// //其他样式
// .ZKLOGO {
// 	font-family: ZKLOGO;
// }
.gray_filter {
	filter: grayscale(100%);
}
.transition_03s {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.transition_04s {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.transition_05s {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.transition_08s {
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.transition_1s {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.transition_2s {
	transition: all 2s;
	-webkit-transition: all 2s;
}
.transition_3s {
	transition: all 3s;
	-webkit-transition: all 3s;
}
.transition_4s {
	transition: all 4s;
	-webkit-transition: all 4s;
}
.transition_5s {
	transition: all 5s;
	-webkit-transition: all 5s;
}
.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.w-100 {
	width: 100% !important
}

.w-fill-available {
	width: -webkit-fill-available !important
}

.top-0 {
	top: 0 !important
}

.left-0 {
	left: 0 !important
}

.right-0 {
	right: 0 !important
}

.bottom-0 {
	bottom: 0 !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important;
	z-index: 1;
}

.position-sticky {
    position: sticky !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 500 !important
}

.fw-bolder {
    font-weight: 600 !important
}

/* 弹窗默认样式 */
.domxee_popup {
	.section {
		border-radius: 40rpx;
		padding: 30rpx 30rpx 60rpx 30rpx;
		.popup_close {
			text-align: right;
			display: flex;
			justify-content: flex-end;
			.domxee_icon {
				font-size: 30rpx;
				line-height: 34rpx;
			}
		}
	}
}
/* 文章课程列表默认样式 */
#domxee_aeticle_lists {
	margin-top: 10rpx;
	.article_lists_loading {
		margin-top: 60rpx;
	}
	.article_lists_finished {
		margin-top: 60rpx;
		font-size: 26rpx;
		line-height: 34rpx;
	}
	.article_lists_empty {
		margin-top: 60rpx;
		.domxee_icon {			
			font-size: 300rpx;
			line-height: 300rpx;
		}
		.text {
			margin-top: 10rpx;
			font-size: 26rpx;
			line-height: 34rpx;
		}
	}
	.article_lists_box {
		margin-top: 40rpx;
		.article {
			margin-top: 60rpx;
			.cover_box {
				border-radius: 20rpx;
				width: 270rpx;
				height: 180rpx;
				margin-right: 20rpx;
			}
			.infos {
				.title {
					font-size: 26rpx;
					line-height: 36rpx;
				}
				.description {
					font-size: 24rpx;
					line-height: 34rpx;
					margin-top: 10rpx;
				}
				.notice_box {
					margin-top: 10rpx;
					width: 80%;
					border-radius: 16rpx;
					.u-notice-bar {
						padding: 12rpx 20rpx;
					}
				}
				.views {
					margin-top: 20rpx;
					.view {
						margin-right: 24rpx;
						.author {
							max-width: 100rpx;
						}
						.domxee_icon, {
							font-size: 24rpx;
							line-height: 34rpx;
							margin-right: 10rpx;
						}
						.text {
							font-size: 24rpx;
							line-height: 34rpx;
						}
					}
					
				}
			}
		}
		.article:first-child {
			margin-top: 0;
		}
	}
}

/* 商品列表默认样式 */
#domxee_good_lists {
	margin-top: 10rpx;
	.good_lists_loading {
		margin-top: 30rpx;
	}
	.good_lists_finished {
		margin-top: 30rpx;
		font-size: 26rpx;
		line-height: 34rpx;
	}
	.good_lists_empty {
		margin-top: 30rpx;
		.domxee_icon {			
			font-size: 300rpx;
			line-height: 300rpx;
		}
		.text {
			margin-top: 10rpx;
			font-size: 26rpx;
			line-height: 34rpx;
		}
	}
	.good_lists_box {
		.good {
			margin: 20rpx 10rpx 0 0;
			.good_box {
				border-radius: 20rpx;
				padding: 0 0 30rpx 0;
				.good_cover_box {
					width: 340rpx;
					height: 340rpx;
					border-radius: 20rpx 20rpx 0rpx 0rpx;
				}
				.good_title {
					padding: 0 10rpx;
					width: 320rpx;
					height: 80rpx;
					margin-top: 20rpx;
					font-size: 28rpx;
					line-height: 40rpx;
				}
				.good_infos {
					padding: 0 10rpx;
					.good_sale_info {
						margin-top: 10rpx;
						.good_price {
							font-size: 26rpx;
							line-height: 36rpx;
						}
						.good_sale_count {
							font-size: 24rpx;
							line-height: 34rpx;
						}
					}
					.good_tag_info {
						margin-top: 10rpx;
						.good_market_price {
							font-size: 24rpx;
							line-height: 34rpx;
							margin-right: 20rpx;
						}
						.good_tag {
							width: max-content;
							font-size: 24rpx;
							line-height: 34rpx;
							padding: 2rpx 14rpx;
							border-radius: 10rpx;
						}
					}
				}
			}
		}
		.good:nth-of-type(2n) {
			margin-right: 0;
		}
	}
}

/* 新版商品列表样式 */
#domxee_good_lists_v101 {
	margin-top: 10rpx;
	.good_lists_loading {
		margin-top: 30rpx;
	}
	.good_lists_finished {
		margin-top: 30rpx;
		font-size: 26rpx;
		line-height: 34rpx;
	}
	.good_lists_empty {
		margin-top: 30rpx;
		.domxee_icon {			
			font-size: 300rpx;
			line-height: 300rpx;
		}
		.text {
			margin-top: 10rpx;
			font-size: 26rpx;
			line-height: 34rpx;
		}
	}
	.good_lists_box  {
		.good {
			margin: 30rpx 18rpx 0 0;
			.good_box {
				border-radius: 20rpx;
				padding: 0 0 20rpx 0;
				.good_cover {
					width: 346rpx;
					height: 346rpx;
					border-radius: 20rpx 20rpx 0rpx 0rpx;
				}
				.good_infos {
					padding: 0 10rpx;
					margin-top: 10rpx;
					.good_title {
						.tag {
							padding: 0 16rpx;
							width: max-content;
							border-radius: 10rpx;
							font-size: 22rpx;
							line-height: 40rpx;
							margin-right: 10rpx;
							display: inline-block;
						}
						.subsidy {
							background: #A67E64;
							color: #FFFFFF;
						}
						width: 326rpx;
						height: 80rpx;
						font-size: 28rpx;
						line-height: 44rpx;
						font-weight: 500 !important;
					}
					.superiorities {
						margin-top: 20rpx;
						.superiorities_box {
							white-space: nowrap;
							.contents {
								width: 326rpx;
								.item {
									height: 40rpx;
									padding: 0 20rpx;
									font-size: 24rpx;
									border-radius: 20rpx;
									line-height: 40rpx;
									margin-right: 10rpx;
								}
								
							}
						}
					}
					.prices {
						margin-top: 20rpx;
						.price {
							font-size: 36rpx;
							line-height: 34rpx;
							span {
								font-size: 24rpx;
								margin-right: 8rpx;
							}
						}
						.bottom {
							margin-top: 4rpx;
							.market_price {
								font-size: 24rpx;
								line-height: 34rpx;
							}
							.viewer {
								.domxee_icon {
									font-size: 24rpx;
									line-height: 34rpx;
									margin-right: 10rpx;
								}
								.number {
									font-size: 24rpx;
									line-height: 34rpx;
								}
							}
						}
					}
				}
			}
		}
		.good:nth-of-type(2n) {
			margin-right: 0;
		}
	}
}